<template>
	<view>
		<view class="pt80 cen pr">
			<image src="../../html/img/usericon.png" class="yj jnnnbbjer cz"></image>
			<view class="mt20 cf fz36">
				lexus <text class="xcrttser">2K.lv</text>
			</view>
			<view class="mt20 fz40 cf">
				<text class="xiennxe">200</text> <text class="fz28 ml10">成长值</text>
			</view>
			<view class="kkmjkjxjd">
				<navigator class="dvcertts" url="ScoringRecord">
					得分纪录
				</navigator>
				<navigator class="dvcertts mt60 act" url="UpgradeStrategy">
					升级攻略
				</navigator>
			</view>
		</view>
		<scroll-view scroll-x class="mt100 pl20 dfdsdrzwe ">

			<view class="f_b  jjnjhherrtw czt cen act">
				<view class="kjnmkjmxer">80成长值</view>
				<view class="jjnnknnxer"></view>
				<text class="kjknnkjner"></text>
				<view class="cen cf fz28">
					1K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/dajindou.png" mode="widthFix" class="dajinhnder cz"></image>
					<text class="cz ye fz28 ml10">+20</text>
					<view class="mt40 z3 fz24">
						科豆20枚
					</view>
				</view>
			</view>
			<view class="f_b  jjnjhherrtw czt act">
				<view class="kjnmkjmxer">200成长值</view>
				<view class="jjnnknnxer"></view>
				<text class="kjknnkjner"></text>
				<view class="cen cf fz28">
					2K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/dajindou.png" mode="widthFix" class="dajinhnder cz"></image>
					<text class="cz ye fz28 ml10">+20</text>
					<view class="mt40 z3 fz24">
						科豆50枚
					</view>
					<image src="../../static/img/baojnnsd.png" mode="widthFix" class="cz jbnjjmxeer"></image>
					<view class="fz24 z3 pm20 pd">
						爱车保养计划 开通
					</view>
				</view>
			</view>
			<view class="f_b  jjnjhherrtw czt">
				<view class="kjnmkjmxer">600成长值</view>
				<text class="kjknnkjner"></text>
				<view class="jjnnknnxer"></view>
				<view class="cen cf fz28">
					3K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/jiasu.png" mode="widthFix" class="cz jbnjjmxeer ab"></image>
					<view class="fz24 z3 pm20 pd mt20">
						加速卡 1.3倍*1天
					</view>
				</view>
			</view>


			<view class="f_b  jjnjhherrtw czt">
				<view class="kjnmkjmxer">1200成长值</view>
				<text class="kjknnkjner"></text>
				<view class="jjnnknnxer"></view>
				<view class="cen cf fz28">
					4K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/quaneder.png" mode="widthFix" class="cz jbnjjmxeer ab"></image>
					<view class="fz24 z3 pm20 pd mt20">
						会员抵用券 10元
					</view>
				</view>
			</view>

			<view class="f_b  jjnjhherrtw czt">
				<view class="kjnmkjmxer">2000成长值</view>
				<text class="kjknnkjner"></text>
				<view class="jjnnknnxer"></view>
				<view class="cen cf fz28">
					5K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/jiasu.png" mode="widthFix" class="cz jbnjjmxeer ab"></image>
					<view class="fz24 z3 pm20 pd mt20">
						加速卡 1.3倍*1天
					</view>
				</view>
			</view>
			<view class="f_b  jjnjhherrtw czt">
				<view class="kjnmkjmxer">3000成长值</view>
				<text class="kjknnkjner"></text>
				<view class="jjnnknnxer"></view>
				<view class="cen cf fz28">
					6K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/wzssd.png" mode="widthFix" class="cz jbnjjmxeer ac"></image>
					<view class="fz24 z3 pm20 pd mt20">
						违章查询 免费开通
					</view>
				</view>
			</view>


			<view class="f_b  jjnjhherrtw czt">
				<view class="kjnmkjmxer">5000成长值</view>
				<text class="kjknnkjner"></text>
				<view class="jjnnknnxer"></view>
				<view class="cen cf fz28">
					7K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/quaneder.png" mode="widthFix" class="cz jbnjjmxeer ab"></image>
					<view class="fz24 z3 pm20 pd mt20">
						抽奖机会 3次
					</view>
				</view>
			</view>

			<view class="f_b  jjnjhherrtw czt">
				<view class="kjnmkjmxer">7500成长值</view>
				<text class="kjknnkjner"></text>
				<view class="jjnnknnxer"></view>
				<view class="cen cf fz28">
					8K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/jiuyuan.png" mode="widthFix" class="cz jbnjjmxeer ac"></image>
					<view class="fz24 z3 pm20 pd mt20">
						免费道路 救援1次
					</view>
				</view>
			</view>
			<view class="f_b  jjnjhherrtw czt">
				<view class="kjnmkjmxer">10000成长值</view>
				<text class="kjknnkjner"></text>
				<view class="jjnnknnxer"></view>
				<view class="cen cf fz28">
					9K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/shengri.png" mode="widthFix" class="cz jbnjjmxeer ac"></image>
					<view class="fz24 z3 pm20 pd mt20">
						免费道路 救援1次
					</view>
				</view>
			</view>

			<view class="f_b  jjnjhherrtw czt">
				<view class="kjnmkjmxer">15000成长值</view>
				<text class="kjknnkjner"></text>
				<view class="jjnnknnxer"></view>
				<view class="cen cf fz28">
					10K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/zoubian.png" mode="widthFix" class="cz jbnjjmxeer ad"></image>
					<view class="fz24 z3 pm20 pd mt20">
						小科周边 (3选1)
					</view>
				</view>
			</view>


			<view class="f_b  jjnjhherrtw czt">
				<view class="kjnmkjmxer">30000成长值</view>
				<text class="kjknnkjner"></text>
				<view class="jjnnknnxer"></view>
				<view class="cen cf fz28">
					11K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/shengri.png" mode="widthFix" class="cz jbnjjmxeer ac"></image>
					<view class="fz24 z3 pm20 pd mt20">
						专享优惠券 礼包
					</view>
				</view>
			</view>

			<view class="f_b  jjnjhherrtw czt">
				<view class="kjnmkjmxer">45000成长值</view>
				<text class="kjknnkjner"></text>
				<view class="jjnnknnxer"></view>
				<view class="cen cf fz28">
					12K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/shengri.png" mode="widthFix" class="cz jbnjjmxeer ac"></image>
					<view class="fz24 z3 pm20 pd mt20">
						专享优惠券 礼包
					</view>
				</view>
			</view>


			<view class="f_b  jjnjhherrtw czt">
				<view class="kjnmkjmxer">60000成长值</view>
				<text class="kjknnkjner"></text>
				<view class="jjnnknnxer"></view>
				<view class="cen cf fz28">
					13K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/shengri.png" mode="widthFix" class="cz jbnjjmxeer ac"></image>
					<view class="fz24 z3 pm20 pd mt20">
						专享优惠券 礼包
					</view>
					<image src="../../static/img/duanxiu.png" mode="widthFix" class="cz jbnjjmxeer ac"></image>
					<view class="fz24 z3 pm20 pd mt20">
						小科T恤 1件
					</view>
				</view>
			</view>

			<view class="f_b  jjnjhherrtw czt">
				<view class="kjnmkjmxer">75000成长值</view>
				<text class="kjknnkjner"></text>
				<view class="jjnnknnxer"></view>
				<view class="cen cf fz28">
					14K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/shengri.png" mode="widthFix" class="cz jbnjjmxeer ac"></image>
					<view class="fz24 z3 pm20 pd mt20">
						专享优惠券 礼包
					</view>
				</view>
			</view>


			<view class="f_b  jjnjhherrtw czt">
				<view class="kjnmkjmxer">90000成长值</view>
				<text class="kjknnkjner"></text>
				<view class="jjnnknnxer"></view>
				<view class="cen cf fz28">
					15K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/shengri.png" mode="widthFix" class="cz jbnjjmxeer ac"></image>
					<view class="fz24 z3 pm20 pd mt20">
						专享优惠券 礼包
					</view>
					<image src="../../static/img/quaneder.png" mode="widthFix" class="cz jbnjjmxeer ac"></image>
					<view class="fz24 z3 pm20 pd mt20">
						会员抵扣券 50元
					</view>
				</view>
			</view>

			<view class="f_b  jjnjhherrtw czt">
				<view class="kjnmkjmxer">120000成长值</view>
				<text class="kjknnkjner"></text>
				<view class="jjnnknnxer"></view>
				<view class="cen cf fz28">
					16K.lv
				</view>
				<view class="pr jjnhhbbcd pr mt30 cen">
					<text class="jnmnmnjsdr"></text>
					<image src="../../static/img/shengri.png" mode="widthFix" class="cz jbnjjmxeer ac"></image>
					<view class="fz24 z3 pm20 pd mt20">
						专享优惠券 礼包
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>
<script>
	export default {
		data() {
			return {}
		},
		components: {},
		methods: {},
		mounted() {}
	}
</script>
<style scoped>
	.ye {
		color: #FFCD00 !important;
	}

	.jnnnbbjer {
		width: 132upx;
		height: 132upx;
	}

	.xcrttser {
		font-size: 22upx;
		width: 74upx;
		height: 30upx;
		background: rgba(22, 137, 213, 1);
		border-radius: 16upx;
		color: #fff;
		margin-left: 30upx;
		padding: 2upx 20upx;
	}

	.xiennxe {
		font-style: oblique !important
	}

	.kkmjkjxjd {
		position: absolute;
		right: 50upx;
		top: 80upx;
	}

	.dvcertts {
		width: 132upx;
		height: 46upx;
		line-height: 46upx;
		border: 2upx solid rgba(219, 219, 219, 1);
		border-radius: 24upx;
		color: #fff;
		font-size: 22upx;
	}

	.dvcertts.act {
		background: #fff;
		color: #333333;
	}

	.jjnjhherrtw {
		text-align: center;
		position: relative;
		width: 272upx;
		padding-right: 56upx;
		padding-top: 60upx;
	}

	.jjnhhbbcd {
		min-height: 200upx;
		border-radius: 12upx;
		background-color: #fff;
		padding-top: 40upx;
	}

	.jnmnmnjsdr {
		width: 20upx;
		height: 20upx;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		background-color: #fff;
		top: -10upx;
		transform: rotate(45deg)
	}

	.dajinhnder {
		width: 48upx;
	}

	.jbnjjmxeer {
		width: 148upx;
	}

	.jbnjjmxeer.ab {
		width: 54upx;
	}

	.jbnjjmxeer.ac {
		width: 66upx;
	}

	.czt {
		vertical-align: top !important;
	}

	.dfdsdrzwe {
		white-space: nowrap;
	}

	.jjnhhbbcd {
		white-space: normal;
	}

	.kjknnkjner {
		width: 18upx;
		height: 18upx;
		border-radius: 50%;
		background-color: #999;
		display: inline-block;
		margin-bottom: 20upx;
	}

	.jjnnknnxer {
		height: 8upx;
		background-color: #A5A5A5;
		position: absolute;
		left: 0;
		width: 100%;
		top: 66upx;
	}

	.jjnjhherrtw.act .jjnnknnxer,
	.jjnjhherrtw.act .kjknnkjner {
		background-color: #1689D5;
	}

	.kjnmkjmxer {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		width: 170upx;
		height: 42upx;
		line-height: 42upx;
		background: #A5A5A5;
		border-radius: 12upx;
		font-size: 22upx;
		color: #fff;
		z-index: 100;
		top: 0upx;

	}

	.kjnmkjmxer::after {
		content: ' ';
		position: absolute;
		left: 51upx;
		right: 0;
		width: 10upx;
		height: 10upx;
		background-color: #A5A5A5;
		bottom: -5upx;
		right: 0;
		transform: rotate(45deg);
	}

	.jjnjhherrtw.act .kjnmkjmxer,
	.jjnjhherrtw.act .kjnmkjmxer::after {
		background-color: #1689D5 !important;
	}

	.jbnjjmxeer.ad {
		width: 102upx;
	}
</style>
